/*徽标*/

.badge,
.badge-char,
.badge-num {
    display: inline-block;
    padding: 0 @badge_padding;
    height: @badge_height;
    text-align: center;
    color: #fff;
    font-size: @badge_font_size;
    line-height: @badge_height;
    border-radius: 8px;
    background-color: #999;
    background-clip: padding-box;
    &.badge-red {
        background-color: #f74c31;
    }
}

.badge-char {
    height: @badge_char_height;
    line-height: @badge_char_height;
}

.badge-wrap {
    position: relative;
    display: inline-block;
    padding: 0 @badge_wrap_padding;
    text-align: center;
    line-height: @badge_wrap_lh;
    .badge-char {
        position: absolute;
        right: @badge_wrap_pright;
        top: @badge_wrap_ptop;
        min-width: @badge-wrap_char_width;
        height: @badge-wrap_char_height;
        line-height: @badge-wrap_char_height;
    }
    .badge-num {
        position: absolute;
        right: -18px * @ratio;
        top: -6px * @ratio;
        min-width: 30px * @ratio;
        height: 19px * @ratio;
        line-height: 19px * @ratio;
    }
}
